<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.content {
				position: relative;
				background-image: url("背景1.jpg");
			}

			.center {
				position: absolute;
				left: 20%;
				width: 60%
			}

			.button {
				background-color: deepskyblue;
				text-align: center;
				color: white;
				font-size: 16px;
				padding: 5px 30px;
				margin-left: 45%;
				text-decoration: none;
				display: inline-block;
				border-radius: 5px;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<div style="height:140px">
				<img src="背景2.jpg" class="center">
			</div>
			<div style="clear: both;"></div>

			<div style="margin-left: 20%;margin-right: 20%; background-position: center;background-color: white;">

				<form>
					<fieldset>
						<legend></legend>
						<p style="font-size: 20px;text-align: center;color: darkturquoise;">趣味小测试</p>
						<p
							style="background-color: goldenrod;margin-left: 100px;width: 500px;border-radius: 5px;padding: 3px;">
							此问卷处于停止状态，仅供浏览，请勿填写！</p>
						<ul>
							<ol>
								<h5>*1.请问你喜欢什么</h5>
								<input type="radio" name="1">等全部收齐了，再寄出 </br>
								<input type="radio" name="1">如果收齐一定比例了，就先寄出 </br>
								<input type="radio" name="1">无论手边有多少，都先寄出 </br>
								<hr style="margin-right: 10%;">
							</ol>
							<ol>
								<h5>*2.该邮寄问卷了，但是问卷还没有收集，您会怎么办(本题不计分)</h5>
								<textarea row="5" cols="50"></textarea>
								<hr>
							</ol>
							<ol>
								<h5>*3.请问，这个比例是多少(本题不计分)</h5>
								<textarea row="5" cols="50"></textarea>
								<hr style="margin-right: 10%;">
							</ol>
							<ol>
								<h5>*4.请问，您在收集"大事件"过程中，都会采用那些方法?(本题不计分) <b style="color: darkturquoise;">【多选题】</b></h5>
								<input type="checkbox" name="2">从电视中了解 </br>
								<input type="checkbox" name="2">从报纸/杂志中了解 </br>
								<input type="checkbox" name="2">从广播中了解 </br>
								<input type="checkbox" name="2">从网络上查询 </br>
								<input type="checkbox" name="2">看到时随手拍照 </br>
								<input type="checkbox" name="2">从朋友圈、微博、微信中了解</br>
								<input type="checkbox" name="2">其他 </br>
								<hr style="margin-right: 10%;">
							</ol>
						</ul>
						<input type="button" class="button" value="提交"
							style="background-color: aqua;margin-top: 2%;margin-bottom: 3%;">
						<hr style="margin-left: 9%; margin-right: 9%;">
						<p style="text-align: center;font-size: 3px;"> 问卷星&nbsp;提供技术支持</p>
					</fieldset>
				</form>
			</div>
		</div>
	</body>
</html>
